<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>论坛热帖</title>
    <link href="css/css.css" rel="stylesheet" type="text/css">
</head>

<body>
    <header>
        <div class="head_c">
            <!--头部-->
            <div class="top">
                <div class="top_left">欢迎光临悠游行！</div>
                <div class="top_right" style="display: flex;" id="login_signup_area">
                    <div class="top_right"><a href="login.html">登录</a><a href="zhuce.html">注册</a></div>
                </div>
                <div class="top_right" style="display: flex;" id="logout_area">
                    <a class="top_right" id="login_info" style="font-weight: bold;">用户：15159241643</a>
                    <div class="top_right logout_button" onclick="logout()">退出登录</div>
                </div>
            </div>
        </div>
    </header>

    <!--导航-->
    <nav>
        <ul>
            <li><a href="index.html">网站首页</a></li>
            <li><a href="jingdian.html">著名景点</a></li>
            <li><a href="luxian.html">推荐路线</a></li>
            <li><a href="jiudian.html">酒店入住</a></li>
            <li><a href="luntan.html">论坛热帖</a></li>
            <li class="on"><a href="kefu.html">联系客服</a></li>
        </ul>
    </nav>

    <!--banner-->
    <div class="banner"></div>
    <div class="luntan">
        <div class="jianyi">
            <span>Hi，请输入您对我们提出的问题反馈或建议吧~ *</span>
            <textarea class="jy"></textarea>
        </div>
        <div class="shangchuan">
            <span>上传“有效截图”，我们会在第一时间进行问题修复！</span>
            <div class="shangchuan_list">
                <img src="images/47.png" alt="" />
                <p>可在此处粘贴、拖拽、上传多个图片</p>
                <p>支持类型: JPG，JPEG，PNG，APNG，GIF，BMP</p>
            </div>
        </div>
        <div class="dianhua">
            <span>联系电话：解决过程中，方便我们与您联系</span>
            <form>
                <input type="text" value="" / class="hua">
            </form>
        </div>

        <button class="show-modal"
            style="width:110px;height:40px;background:#fc9a00;font-size:16px;color:#fff;text-align:center;line-height:40px; margin:0px; border-radius:0px;">提交</button>

        <div class="modal-wrapper hidden">
            <div class="modal">
                <img src="images/dlcg.jpg" />
                <h2 style="width:100%; text-align:center; line-height:40px;">提交成功</h2>


            </div>
        </div>
    </div>




    <footer>悠游行</footer>
</body>

</html>

<script src="./js/utils.js"></script>
<script>
      display_login_info();
</script>